﻿{extend name="public:base" /}

{block name="css"}
<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="__ADMIN__/css/style.css">
<link href="/static/laydate/theme/default/laydate.css">

<style>
  /* 设置只展示时分，隐藏秒那一列 */
  .laydate-time-list {
    padding-bottom: 0;
    overflow: hidden;
  }

  .laydate-time-list > li {
    width: 50% !important;
  }

  .laydate-time-list > li:last-child {
    display: none;
  }

  .laydate-time-list ol li {
    width: 100% !important;
    padding-left: 0 !important;
    text-align: center !important;
  }
</style>
{/block}
{block name="content"}

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content">
                    <form method="post">
                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">报警间隔（分钟）</label>
                                <div class="col-sm-3">
                                    <input type="number" name="basics_gap" class="form-control" min="5" value="{$info.basics_gap}" placeholder="请输入报警间隔">
                                    <span class="form-text m-b-none">X分钟报警一次，后面翻倍时间报警；例：5、10、20、40</span>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">顶峰报警间隔（分钟）</label>
                                <div class="col-sm-3">
                                    <input type="number" name="max_gap" class="form-control" min="60" value="{$info.max_gap}" placeholder="请输入最长报警间隔">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">顶峰报警次数</label>
                                <div class="col-sm-3">
                                    <input type="number" name="max_siren_count" class="form-control" value="{$info.max_siren_count}" placeholder="请输入顶峰报警次数">
                                    <span class="form-text m-b-none">当报警间隔达到顶峰之后，再报警X次之后暂停报警</span>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">报警时间段</label>
                                <div class="col-sm-3">
                                    <input placeholder="请选择开始日期" type="text" name="siren_time" value="{$info.siren_time}" class="form-control screen-date" readonly>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">短信报警时间</label>
                                <div class="col-sm-3">
                                    <input type="number" name="sms_siren" class="form-control" value="{$info.sms_siren}" placeholder="请输入短信报警时间">
                                    <span class="form-text m-b-none">异常X分钟还未恢复，发送短信报警</span>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">短信报警手机号</label>
                                <div class="col-sm-3">
                                    <input type="number" name="sms_mobile" class="form-control" value="{$info.sms_mobile}" placeholder="请输入短信报警手机号">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">监测间隔</label>
                                <div class="col-sm-3">
                                    <input type="number" name="monitor_gap" class="form-control" value="{$info.monitor_gap}" placeholder="请输入监测间隔">
                                    <span class="form-text m-b-none">监测间隔X分钟一次</span>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button type="button" class="btn btn-w-m btn-default back-page">返回</button>
                                <button type="button" class="btn btn-w-m btn-primary ajax-post">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}

{block name='js'}
<script src="__STATIC__/laydate/laydate.js"></script>
<script src="__STATIC__/layui/layui.js"></script>
<script>
    laydate.render({
        elem: '.screen-date', //指定元素
        type: 'time',
        format: 'HH:mm',
        range: true
    });
</script>
{/block}
